<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游乐园</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 主体部分 -->
    <div class="main">
        <div class="banner">
            <ul>
                <li><img src="./uploads/banner_1.png" alt=""></li>
            </ul>
        </div>
        <!-- 标题 -->
        <div class="title">
            <h4>乐园活动</h4>
        </div>
        <!-- 活动 -->
        <ul class="activity">
            <li>
                <!--图片  -->
                <div class="pic">
                    <img src="./uploads/item_1.png" alt="">
                    <div class="ing">进行中</div>
                    <i class="iconfont icon-shoucang1"></i>
                </div>
                <!-- 活动名称 -->
                <div class="info">
                    <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                    <span>免费</span>
                </div>
                <!-- 活动时间与报名情况 -->
                <div class="txt">
                    <span>
                        <i class="iconfont icon-qizhi"></i>
                        200人已报名
                    </span>
                    <span>
                        <i class="iconfont icon-shizhong"></i>
                        本周六开始
                    </span>
                </div>
            </li>
            <li>
                <!--图片  -->
                <div class="pic">
                    <img src="./uploads/item_2.png" alt="">
                    <div class="ing">已截至</div>
                    <i class="iconfont icon-shoucang1"></i>
                </div>
                <!-- 活动名称 -->
                <div class="info">
                    <p>摄影兴趣班- 7天教会你精通摄影，培养孩子兴趣从娃娃抓起</p>
                    <span>免费</span>
                </div>
                <!-- 活动时间与报名情况 -->
                <div class="txt">
                    <span>
                        <i class="iconfont icon-qizhi"></i>
                        200人已报名
                    </span>
                    <span>
                        <i class="iconfont icon-shizhong"></i>
                        本周六开始
                    </span>
                </div>
            </li>
            <li>
                <!--图片  -->
                <div class="pic">
                    <img src="./uploads/item_3.png" alt="">
                    <div class="ing">进行中</div>
                    <i class="iconfont icon-shoucang1"></i>
                </div>
                <!-- 活动名称 -->
                <div class="info">
                    <p>疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                    <span>免费</span>
                </div>
                <!-- 活动时间与报名情况 -->
                <div class="txt">
                    <span>
                        <i class="iconfont icon-qizhi"></i>
                        200人已报名
                    </span>
                    <span>
                        <i class="iconfont icon-shizhong"></i>
                        本周六开始
                    </span>
                </div>
            </li>
        </ul>
        <!-- 底部导航栏 -->
        <footer>
            <a href="#" class="active">
                <i class="iconfont icon-index-copy icon1"></i>
                首页
            </a>
            <a href="#">
                <i class="iconfont icon-youhuiquan icon2"></i>
                卡券
            </a>
            <a href="./ddqr.html">
                <i class="iconfont icon-iconfront- icon3"></i>
                我的
            </a>
        </footer>
    </div>


    <script src="./js/flexible.js"></script>
</body>
</html>